<template>
	<view>
		<view class="popup_container">
			<view class="img_con"><image class="img" :src="url" mode="widthFix"></image></view>
			<view class="text_con">
				<view class="title">{{content.title}}</view>
				<view class="content">{{content.text}}</view>
			</view>
			<view class="bc_con"></view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'applyPopup',
	props: {
		url: {
			type: String,
			default: '/static/logo.png'
		},
		content:{
			type:Object,
			default:()=>{
				return{
					title:"亲，您的报名提交成功了～",
					text:"请保持手机通畅，我们将和您联系"
				}
			}
		}
	},
	data() {
		return {};
	},
	created(){
		console.log(this.url)
	}
};
</script>

<style lang="scss" scoped>
.popup_container {
	width: 507rpx;
	height: 736rpx;
	// background-color: #ffffff;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	.img_con {
		width: 403rpx;
		height: 528rpx;
		// background-color: #000000;
		margin-bottom: 40rpx;
		.img {
			width: 100%;
		}
	}
	.text_con {
		padding: 0 40rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		.title {
			font-family: PingFang-SC-Bold;
			font-size: 32rpx;
			font-weight: bold;
			line-height: 35rpx;
			color: #333333;
			padding-bottom: 17rpx;
		}
		.content {
			font-family: PingFangSC-Regular;
			font-size: 28rpx;
			line-height: 42rpx;
			color: #333333;
		}
	}

	.bc_con {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -1;
		width: 507rpx;
		height: 568rpx;
		background-color: #ffffff;
		border-radius: 10rpx;
	}
}
</style>
